/*
 * 可复用的公有布局 - 公用的css
 */


/* 登录界面公共样式 */
#myform {
    width: 90%;
    flex-wrap: wrap;
    align-self: center;
}

#myform h2 {
    margin-bottom: 10px;
}

#myform input {
    width: 100%;
    background-color: rgba(134, 134, 134, 0.7);
    padding-left: 20px;
    font-size: 18px;
    height: 50px;
    border-radius: 25px;
    letter-spacing: 1px;
    color: #fff;
    line-height: 50px;
    margin-bottom: 15px;
}

#myform input::placeholder {
    letter-spacing: 0;
}

#myform #btn {
    background-color: #519d6a;
    padding-left: 0;
}

#login,
#register {
    width: 65px;
    height: 30px;
    font-size: 16px;
    align-self: flex-end;
    margin-right: 30px;
    margin-top: 40px;
}

/* 首页段落公共样式 */
.hppCommon {
    margin-left: 10px;
    margin-top: 10px;
}

/* 首页页脚部分公共样式 */
.bottommenu {
    border-top: 1px solid #8A8A8A;
    justify-content: space-around;
    height: 70px;
}

.bottommenu li {
    margin-top: 10px;
}

.bottommenu li a {
    color: #8A8A8A;
}

.bottommenu li a .iconfont {
    font-size: 30px;
}

.bottommenu li a.active {
    color: #4294FF;
}

/* 我的界面公共部分 */
.minepadding {
    padding: 20px 15px 15px;
}

/* 运动页头公共部分 */


.comHeader ul {

    justify-content: space-around;
    border-bottom: 1px solid #ccc;
    margin-top: 10px;
    height: 40px;
}

.comHeader ul li {
    height: 40px;
    line-height: 40px;
}

.comHeader ul li a {
    color: #9A9A9A;
}


.comHeader ul li.active {
    border-bottom: 3px solid #4294ff;
}

.comHeader ul .active a {
    color: #4294ff;
}

/* 运动界面公共部分 */
.runData{
    width: 90%;
    bottom: 30px;
    left: 20px;
    background: #fff;
    padding: 15px;
    border-radius: 15px;
}